
<div class="row">
  <div class="col-lg-8 col-lg-push-2">
    <form class="form form-horizontal" [formGroup]="rescatalogForm" >
      <input type="hidden" id="resCa_add_pId" formControlName="pId" name="pId">
      <div class="one-form-header"></div>
      <div class="one-form-body">
        <div class="row">
          <div class="col-sm-4">
            <div id="resCa_add_ZTree" class="ztree"></div>
          </div>
          <div class="col-sm-8">
            <div class="form-group">
              <label for="resCa_add_pName" class="col-sm-3 control-label" >父资源目录</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" placeholder="父资源目录" id="resCa_add_pName" formControlName="pName" readonly>
                <!--<div *ngIf="formErrors.pName" class="has-error">-->
                <!--<label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.pName}} </label>-->
                <!--</div>-->
              </div>
            </div>
            <div class="form-group">
              <label for="resCa_add_resName" class="col-sm-3 control-label" ><span style="color: red;">*</span>名称</label>
              <div class="col-sm-9">
                <input type="hidden" id="id" formControlName="id" name="id">
                <input type="text" class="form-control" placeholder="名称" id="resCa_add_resName" required formControlName="resName">
                <div *ngIf="formErrors.resName" class="has-error">
                  <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.resName}} </label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="resCa_add_enName" class="col-sm-3 control-label" ><span style="color: red;">*</span>英文名称</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" placeholder="名称" id="resCa_add_enName" required formControlName="enName">
                <div *ngIf="formErrors.enName" class="has-error">
                  <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.enName}} </label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="resCa_add_orderNum" class="col-sm-3 control-label" ><span style="color: red;">*</span>排序:</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" placeholder="顺序" id="resCa_add_orderNum" required formControlName="orderNum" >
                <div *ngIf="formErrors.orderNum" class="has-error">
                  <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.orderNum}} </label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="resCa_add_code" class="col-sm-3 control-label" ><span style="color: red;">*</span>编码</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" placeholder="编码" id="resCa_add_code" formControlName="resCode" >
                <div *ngIf="formErrors.resCode" class="has-error">
                  <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.resCode}} </label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label" >值:</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" placeholder="值" id="resCa_add_value" name="cssName" formControlName="resValue">
                <div *ngIf="formErrors.resValue" class="has-error">
                  <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.resValue}} </label>
                </div>
              </div>
            </div>

            <div class="row">
              <label class="col-sm-3 control-label" >是否启用:</label>
              <div class="col-sm-9" >
                <div class="row">
                  <div class="col-xs-4">
                    <input type="radio" name="isUse" id="resCa_add_valid" value="1" formControlName="isUse">
                    <label for="resCa_add_valid">
                      是
                    </label>
                  </div>
                  <div class="col-xs-4">
                    <input type="radio" name="isUse" id="resCa_add_invalid"  value="0" formControlName="isUse">
                    <label for="resCa_add_invalid">
                      否
                    </label>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <label for="resCa_add_describe" class="col-sm-3 control-label" >备注:</label>
              <div class="col-sm-9">
                <textarea rows="2" cols="20" style="width:100%" id="resCa_add_describe" name="describe" formControlName="describe"></textarea>
                <div *ngIf="formErrors.describe" class="has-error">
                  <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.describe}} </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="one-form-footer">
        <div class="pull-right">
          <button class="btn btn-default" type="reset" (click)="cancelResCatalogUpdate()">取消</button>
          <button class="btn btn-success" type="button" [disabled]="rescatalogForm.invalid" (click)="onSubmit()">提交</button>
        </div>
      </div>
    </form>
  </div>
</div>
